<script setup>
import ColConvert from '@/views/tab/ColConvert.vue'
import InsertBatch from '@/views/tab/InsertBatch.vue'
import SqlGenerator from '@/views/tab/SqlGenerator.vue'
import MybatisLogFormatter from '@/views/tab/MybatisLogFormatter.vue'
import { ref, defineOptions, onMounted } from 'vue'

const activeName = ref('colConvert')
const handleClick = (tab, event) => {
  console.log(tab, event)
}
defineOptions({
  name: 'SqlConvert'
})
</script>
<template>
  <el-container>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="列转换" name="colConvert">
        <col-convert/>
      </el-tab-pane>
      <el-tab-pane label="批量插入/更新" name="insertBatch">
        <insert-batch/>
      </el-tab-pane>
      <el-tab-pane label="sql生成" name="sqlGenerator">
        <sql-generator/>
      </el-tab-pane>
      <el-tab-pane label="MybatisLogFormat" name="mybatisLogFormat">
        <mybatis-log-formatter/>
      </el-tab-pane>
    </el-tabs>
  </el-container>
</template>
<style>
</style>
